<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>秀色运动网-XSports.wang</title>
<script src="/js/jquery_2.0.3.js"></script>
<script src="/semantic/semantic.js"></script>
<link rel="stylesheet" type="text/css" href="/semantic/semantic.css">
<style>
[data-selector="sizing"] {
	box-sizing: border-box;
	overflow: hidden;
}

[data-selector="sizing"] {
	margin: 0 !important;
	overflow: hidden;
}

.ui.card {
	width: 100%;
}

.ui.card:first-child {
	margin-top: 1px;
}

.ui.card:last-child {
	margin-bottom: 1px;
}
</style>
</head>
<body>
	<div class="ui secondary menu grey inverted">
		<a class="item" href="index.html"> <img
			src="http://www.semantic-ui.cn/images/logo.png">
		</a>
		<div class="right menu">
			<div class="item ui search searchclub">
				<div class="ui icon input">
					<input class="prompt" type="text" placeholder="查找俱乐部"> <i
						class="search link icon"></i>
				</div>
				<div class="results"></div>
			</div>
			<a class="item left-menu-btn"><i class="sidebar icon"></i>菜单</a>
		</div>
	</div>
	<div class="ui attached pushable leftmenu">
		<div class="ui labeled icon right inline vertical sidebar menu">
			<a class="item" href="index.html"><i class="home icon"></i>首页</a> <a
				class="item" href="reg.html"><i class="block layout icon"></i>注册</a>
		</div>
		<div class="pusher">
			<div class="ui container">
				<div class="ui card">
					<div class="content">
						<img class="ui avatar image"
							src="http://www.semantic-ui.cn/images/avatar2/large/patrick.png">
						为你而来
						<p />
						<div class="meta">今天跑了1000米，累死我了。今天跑了1000米，累死我了。今天跑了1000米，累死我了。今天跑了1000米，累死我了。今天跑了1000米，累死我了。今天跑了1000米，累死我了。今天跑了1000米，累死我了。</div>
					</div>
					<div class="image">
						<img
							src="http://www.semantic-ui.cn/images/avatar2/large/patrick.png">
					</div>
					<div class="content">
						<div class="ui grid">
							<div class="four wide column">
								<i class="big comment icon"></i> 23
							</div>
							<div class="nine wide column right aligned">
								<img class="ui avatar image"
									src="http://www.semantic-ui.cn/images/avatar2/large/kristy.png" />
								<img class="ui avatar image"
									src="http://www.semantic-ui.cn/images/avatar/large/jenny.jpg" />
								<img class="ui avatar image"
									src="http://www.semantic-ui.cn/images/avatar2/large/molly.png" />
								<img class="ui avatar image"
									src="http://www.semantic-ui.cn/images/avatar/large/elliot.jpg" />
								<img class="ui avatar image"
									src="http://www.semantic-ui.cn/images/avatar2/large/patrick.png" />
							</div>
							<div class="three wide column center aligned">
								<div data-max-rating="1" class="ui massive heart rating">
									<i class="icon"></i>
								</div>
							</div>
						</div>
					</div>
					<div class="extra content">
						<div class="ui large transparent left icon">
							<i class="comment outline icon"></i>评论列表
						</div>
					</div>
					<div class="extra content">
						<div class="ui comments">
							<div class="comment">
								<a class="avatar"> <img
									src="http://www.semantic-ui.cn/images/avatar/small/matt.jpg">
								</a>
								<div class="content">
									<a class="author">Matt</a>
									<div class="metadata">
										<span class="date">今天下午 5:42</span>
									</div>
									<div class="text">How artistic!</div>
									<div class="actions">
										<a class="reply">Reply</a>
									</div>
								</div>
							</div>
							<div class="comment">
								<a class="avatar"> <img
									src="http://www.semantic-ui.cn/images/avatar/small/elliot.jpg">
								</a>
								<div class="content">
									<a class="author">Elliot Fu</a>
									<div class="metadata">
										<span class="date">昨天上午12:30</span>
									</div>
									<div class="text">
										<p>This has been very useful for my research. Thanks as
											well!</p>
									</div>
									<div class="actions">
										<a class="reply">Reply</a>
									</div>
								</div>
								<div class="comments">
									<div class="comment">
										<a class="avatar"> <img
											src="http://www.semantic-ui.cn/images/avatar/small/jenny.jpg">
										</a>
										<div class="content">
											<a class="author">Jenny Hess</a>
											<div class="metadata">
												<span class="date">刚刚</span>
											</div>
											<div class="text">Elliot you are always so right :)</div>
											<div class="actions">
												<a class="reply">Reply</a>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="comment">
								<a class="avatar"> <img
									src="http://www.semantic-ui.cn/images/avatar/small/joe.jpg">
								</a>
								<div class="content">
									<a class="author">Joe Henderson</a>
									<div class="metadata">
										<span class="date">5 天以前</span>
									</div>
									<div class="text">老兄，这太棒了。非常感谢。</div>
									<div class="actions">
										<a class="reply">Reply</a>
									</div>
								</div>
							</div>
							<form class="ui reply form">
								<div class="field">
									<textarea rows="2" data-selector="sizing"></textarea>
								</div>
								<div class="ui blue labeled submit icon button">
									<i class="icon edit"></i> 回复
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		$('.ui.rating').rating({
			onRate : function(value) {
				//alert(value);
			}
		});
		$('.ui.sidebar').sidebar({
			context : $('.leftmenu')
		}).sidebar('attach events', '.left-menu-btn');
	</script>
</body>
</html>
